.website {
  &>div {
    // border: 1px solid rgb(168 168 168 / 68%);
    box-shadow: 1px -1px 5px rgb(168 168 168 / 68%);
  }

  .wrop {
    height: 90vh;
    padding: 12px 12px 10px 15px;
    box-shadow: 1px -1px 5px rgb(199 199 199 / 68%);

    &>div {
      box-shadow: 1px -1px 5px rgb(199 199 199 / 68%);
    }

    &-left {
      // flex-grow: 1;
      // width: 220px;

      // 用户信息
      &-msg {
        box-shadow: 1px 3px 5px rgb(168 168 168 / 68%);
        padding: 15px;
        flex-wrap: wrap;

        .user {
          font-family: gilroy-black;
        }

        .name {
          font-family: Avenir Book;
          text-align: left;
        }
      }

      // 左侧菜单栏
      &-menu {
        height: 100%;
        box-shadow: 1px -1px 5px rgb(199 199 199 / 68%);

        .el-menu {
          border: 0px;

        }
      }
    }

    // 显示内容部分
    
  }
}

.ov-y {
  overflow-y: auto;
}

&::-webkit-scrollbar { // chrome safari
  display: none;
}
// 遮罩层
.box-top {
  font-family: 'Dosis', sans-serif;
  position: relative;
  overflow: hidden;
  
}
.box-top:before,
.box-top:after {
  content: '';
  background: linear-gradient(#e5e5eb 0%, #bababb 100%);
  height: 150%;
  width: 100%;
  border-radius: 0 100% 0 0;
  opacity: 0;
  position: absolute;
  left: -50%;
  top: 100%;
  z-index: 1;
  transition: border-radius .5s ease-out, top .5s ease-out, opacity .3s ease-out;
}

.box-top:after {
  border-radius: 100% 0 0 0;
  left: 50%;
}

.box-top:hover:before,
.box-top:hover:after {
  top: -50%;
  opacity: 0.9;
  border-radius: 0 35% 0 0;
}

.box-top:hover:after {
  border-radius: 35% 0 0 0;
}
.box-top .box-content {
  color: #fff;
  text-align: center;
  width: 80%;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transition: all 0.3s ease 0.2s;
}

.box-top:hover .box-content {
  opacity: 1;
}
// 遮罩层 end